<template>
  <div class="foot">
      <div class="foot1">
        <!-- <div class="footnr">
            <div class="footnr1">
              <div class="ftnr" v-for="(item,index) in footlist" :key="item.id">
                <div class="tops">
                  {{item.name}}
                </div>
                <div class="tops1">
                  <div class="tops2" v-for="(items,index) in  item.ftlist" :key="items.ids">
                    {{items.names}}
                  </div>
                </div>
              </div>
            </div>
            <div class="footnr2">
              <div class="gaun">
                开馆时间:每天09:30-18:00(15:00停止检票入馆)，周一闭馆(国定假日另行通知)
              </div>
              <div class="erweima">

              </div>
            </div>
          </div> -->
        <div class="xian"></div>
        <div class="xian1">
          <div class="xian11">2023版权所有：浙江省非物质文化遗产馆</div>
          <div class="xian12">浙ICP备19037285号-2</div>
        </div>
      </div>
    </div>
</template>
<style scoped  lang="scss">
    .foot {
        width: 100%;
        padding: 47px 0 40px;
        background-color: #333333;
        .foot1 {
        width: 1400px;
        margin: 0 auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .footnr {
            width: 100%;
            margin-bottom: 18px;
            // background-color: pink;
            display: flex;
            .footnr1 {
            width: 80%;
            display: flex;
            .ftnr {
                width: 16.6%;
                .tops {
                font-size: 14px;
                color: #fff;
                }
                .tops1 {
                padding-top: 14px;
                line-height: 40px;
                font-size: 14px;
                color: #999;
                }
            }
            }
            .footnr2 {
            width: 20%;
            display: flex;
            flex-direction: column;
            align-items: center;
            .gaun {
                width: 100%;
                text-align: center;
                font-size: 14px;
                color: #fff;
                line-height: 30px;
            }
            .erweima {
                width: 90px;
                height: 90px;
                background-color: #666666;
                border-radius: 4px;
                margin-top: 14px;
            }
            }
        }
        .xian {
            width: 100%;
            height: 1px;
            background-color: #999;
        }
        .xian1 {
            width: 100%;
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: #999999;
            padding-top: 10px;
        }
        }
  }
  
</style>

<script>
//  import { getUserList,addUser  } from "@/api/api.js"; 
export default {
  data(){
    return{
      footlist:[
        {
          id:0,
          name:'我要参观',
          ftlist:[
            {ids:0,names:'场馆概况',},
            {ids:1,names:'我要预约',},
            {ids:2,names:'交通方式',},
          ]
        },
        {
          id:1,
          name:'新闻资讯',
          ftlist:[
            {ids:0,names:'通知公告',},
            {ids:1,names:'场馆动态',},
          ]
        },
        {
          id:2,
          name:'展览展演',
          ftlist:[
            {ids:0,names:'基本陈列',},
            {ids:1,names:'专题展览',},
            {ids:2,names:'临时展览',},
          ]
        },
        {
          id:3,
          name:'传习活动',
          ftlist:[
            {ids:0,names:'基本陈列',},
            {ids:1,names:'专题展览',},
            {ids:2,names:'临时展览',},
            {ids:3,names:'展演活动',},
          ]
        },
        {
          id:4,
          name:'学术研究',
          ftlist:[
            {ids:0,names:'学术论文',},
            {ids:1,names:'课题研究',},
          ]
        },
        {
          id:5,
          name:'非遗购',
          ftlist:[
            {ids:0,names:'旅游商品',},
            {ids:1,names:'成果转化',},
          ]
        }
      ],
    }
  },
  created(){
     
     
  },
  mounted(){
    // this.drawChart()
  },
  methods:{
      
   
  },
  computed:{
　　
},
  components: {
      
  }
}
</script>
